<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link href="plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet"/>
    <link href="plugins/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="plugins/font-awesome/5.0/css/fontawesome-all.min.css" rel="stylesheet"/>
    <link href="css/apple/style.css" rel="stylesheet"/>

    <link rel="stylesheet" href="css/desktop.css">
    <link rel="stylesheet" href="css/software.css">
    <link rel="stylesheet" href="plugins/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/taskBar.css">
    <link rel="stylesheet" href="css/util.css">
    <link rel="stylesheet" href="css/modal.css">
    <link rel="stylesheet" href="css/rightMenu.css">

    <style>

    </style>
</head>
<body>
<div id="desktop">
    <div class="softwares">
        <div class="software choice" onclick="openModal(this)" data-url="https://cn.bing.com/">
            <img class="icon" src="img/icon/win10.png"/>
            <div class="title">Bing</div>
        </div>
        <div class="software choice" onclick="openModal(this)" data-url="https://www.baidu.com/">
            <img class="icon" src="img/icon/baidu.png"/>
            <div class="title">Baidu</div>
        </div>
    </div>


    <div id="taskBar" class="task_bar height-40">
        <div class="task_bar_left">
            <div id="taskBarLeft" class="height-1000 task_bar_common choice "><span class="fa fa-windows"></span></div>
        </div>


        <div id="taskBarMiddle" class="taskBarMiddle height-1000">
            <div class="panel-inverse ">
                <div class="panel-heading p-0">
                    <div class="tab-overflow">
                        <ul id="taskBarSoftware" class="nav nav-tabs nav-tabs-inverse">

                            <!--选择标-->
                            <li class="nav-item prev-button"><a href="javascript:;" data-click="prev-tab"
                                                                class="nav-link text-success"><i
                                    class="fa fa-arrow-left"></i></a></li>


                            <!--选择标-->
                            <li class="nav-item next-button"><a href="javascript:;" data-click="next-tab"
                                                                class="nav-link text-success"><i
                                    class="fa fa-arrow-right"></i></a></li>

                        </ul>
                    </div>
                    <!-- end nav-tabs -->
                </div>
                <!-- end panel-heading -->
                <!-- begin tab-content -->

                <!-- end tab-content -->
            </div>
            <!-- end panel -->
            <!-- begin panel -->

            <!-- end panel -->


        </div>


        <div id="taskBarRight" class="task_bar_right height-1000">
            <div id="taskBarTime" class="task_bar_time task_bar_common choice">时间</div>
            <div id="taskBarCommand" class="task_bat_Command task_bar_common choice"><span id="win10-msg-nof"
                                                                                           class="fa fa-comment-o"></span>
            </div>
        </div>
    </div>
</div>

<!-- 模态框（Modal） -->
<div id="modals"></div>



</body>

<script src="plugins/jquery/jquery-3.2.1.min.js"></script>
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="plugins/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="plugins/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
<script src="plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="plugins/js-cookie/js.cookie.js"></script>
<script src="js/apps.min.js"></script>
<script type="text/javascript" src="js/softwares.js"></script>
<script type="text/javascript" src="js/modal.js"></script>
<script type="text/javascript" src="js/rightKey.js"></script>
<script>

    $(document).ready(function () {
        App.init();
    });


</script>


</html>
